<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<title>确认订单 </title>
		<link rel="stylesheet" href="asset/css/conmom.css" />
		<link rel="stylesheet" href="asset/css/shopCat.css" />
	</head>
	<body>
		<div class="balance">
			<div class="title"><i class="iconfont back icon-xiangzuo2" onclick="window.history.go(-1)"></i>确认订单</div>
			<div class="payOrder order-address">
				<div class="payAddress clearfix">
					<i class="icon iconfont icon-dizhi"></i>
					<div>
						<div class="address-contacter"><span>收货人：梁雪梅 13750050530</span></div>
						<div class="address-addr"><span>收货地址：广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
					</div>
					<i class="icon iconfont icon-xiangyou address-arrow"></i>
				</div>
				<div class="address-img">
					<span>选择新地址</span>
				</div>
			</div>
			<!--商品列表-->
			<div class="oneShop ">
		    		<div class="shopName active">
			    		<a href="">
			    			<i class="icon iconfont icon-shouye"></i>
			    			奇高灯饰
			    		</a>
			    		<i class="icon iconfont icon-xiangyou"></i>
			    	</div>
		    		<div class="commodity active">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    				<div class="cartLeft-price">
			    				<h4>￥1342.00</h4>
			    			</div>
		    			</div>
		    			<div class="cartRight">
		    				<span class=""><span>x</span>2</span>
		    			</div>
		    		</div>
		    		<div class="commodity active">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    				<div class="cartLeft-price">
			    				<h4>￥1342.00</h4>
			    			</div>
		    			</div>
		    			<div class="cartRight">
		    				<span class=""><span>x</span>2</span>
		    			</div>
		    		</div>
		    	</div>
		    	<div class="oneShop ">
		    		<div class="shopName active">
			    		<a href="/findeng/product/shopProductList?shopId=30089">
			    			<i class="icon iconfont icon-shouye"></i>
			    			奇高灯饰
			    		</a>
			    		<i class="icon iconfont icon-xiangyou"></i>
			    	</div>
		    		<div class="commodity active">
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    				<div class="cartLeft-price">
			    				<h4>￥1342.00</h4>
			    			</div>
		    			</div>
		    			<div class="cartRight">
		    				<span class=""><span>x</span>2</span>
		    			</div>
		    		</div>
		    		<div class="commodity active" >
		    			<img src="http://findeng.com:8080/findeng/picture/product/thumbnailImage/15056181400620.jpg">
		    			<div class="cartLeft">
		    				<p><a href="">欧式奢华81725-8吊灯</a></p>
		    				<div class="cartLeft-price">
			    				<h4>￥1342.00</h4>
			    			</div>
		    			</div>
		    			<div class="cartRight">
		    				<span class=""><span>x</span>2</span>
		    			</div>
		    		</div>
		    	</div>
		    <!--商品列表-->
		    <!--备注-->
		    <div class="RemmLogistics">
    			<label for="logisticsInput">请选择发货物流公司</label>
    			<select id="logisticsSelect">
    					<option value="2277">vbcbcvb</option>
    				<option value="0">其他</option>
    			</select>
    			<input type="text" name="suggestLogistics" id="logisticsInput" placeholder="请输入发货物流公司">
    		</div>
    		<div class="RemmLogistics">
    			<label>备注:</label>
    			<textarea rows="6" cols="8" placeholder="请输入备注..." class="orderRemark"></textarea>
    		</div>
    		<div class="delivery">
	    		<span class="check"><i class="iconfont"></i></span>
	    		<span>到古镇银泉取货</span>
	    	</div>
		    <!--备注-->
		    <div class="orderBottom">
				<div class="allMoney">
					<span><span>￥<span id="moneySpan">102322.00</span></span></span>
				</div>
				<button class="payOrder" id="payOrderBtn">提交</button>
			</div>
			<!--编辑收货地址-->
			<div class="balanceBody">
				<div class="title"><i class="iconfont back icon-xiangzuo2"></i>编辑地址</div>
				<div class="payOrder">
					<div class="payAddress clearfix">
						<div>
							<div class="address-contacter"><span>梁雪梅 </span><span class="fr">13750050530</span></div>
							<div class="address-addr"><span>广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
						</div>
					</div>
					<div class="addressBottom">	
						<span class="check"><i class="iconfont"></i>设为默认地址</span>
						<span class="delIcon fr"><i class="icon iconfont icon-del"></i>删除</span>
						<span class="editIcon fr"><i class="icon iconfont icon-xiugai-copy"></i>编辑</span>
					</div>
				</div>
				<div class="payOrder">
					<div class="payAddress clearfix">
						<div>
							<div class="address-contacter"><span>梁雪梅 </span><span class="fr">13750050530</span></div>
							<div class="address-addr"><span>广东省中山市古镇镇银泉灯饰4楼1卡</span></div>
						</div>
					</div>
					<div class="addressBottom">	
						<span class="check"><i class="iconfont"></i>设为默认地址</span>
						<span class="delIcon fr"><i class="icon iconfont icon-del"></i>删除</span>
						<span class="editIcon fr"><i class="icon iconfont icon-xiugai-copy"></i>编辑</span>
					</div>
				</div>
				<button class="addButton"><span><i class="iconfont"></i></span>新增收货地址</button>
			</div>
			<!--编辑收货地址-->
			<div class="balanceHtml">
				<div class="title"><i class="iconfont back icon-xiangzuo2"></i>编辑收货地址</div>
				<div>
					<form>
						<div class="base-field">
							<label class="base-field-label">收货人</label>
							<input class="base-field-core" type="text"  />
						</div>
						<div class="base-field">
							<label class="base-field-label">联系电话</label>
							<input class="base-field-core" type="text"  />
						</div>
						<div class="base-field">
							<label class="base-field-label">选择省份</label>
							<select  id="province" class="base-field-core">
								<option value="0">请选择</option>
								<option value="100000">北京市</option>
								<option value="101439">山西省</option>
								<option value="101570">河南省</option>
								<option value="101770">辽宁省</option>
								
							</select>
							<i class="icon iconfont icon-xiangyou"></i>
						</div>
						<div class="base-field">
							<label class="base-field-label">选择市区</label>
							<select  id="province" class="base-field-core">
								<option value="0">请选择</option>
								<option value="100000">北京市</option>
								<option value="101439">山西省</option>
								<option value="101570">河南省</option>
								<option value="101770">辽宁省</option>
							</select>
							<i class="icon iconfont icon-xiangyou"></i>
						</div>
						<div class="base-field">
							<label class="base-field-label">选择区/县</label>
							<select  id="province" class="base-field-core">
								<option value="0">请选择</option>
								<option value="100000">北京市</option>
								<option value="101439">山西省</option>
								<option value="101570">河南省</option>
								<option value="101770">辽宁省</option>
							</select>
							<i class="icon iconfont icon-xiangyou"></i>
						</div>
						<div class="base-field">
							<label class="base-field-label">详细地址</label>
							<input class="base-field-core" type="text"  />
						</div>
						<button class="submit">完成</button>
					</form>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="public/jquery.min.js" ></script>
	<script type="text/javascript" src="asset/font/iconfont.js" ></script>
	<script>
	/*选择按钮*/
	$(".check").click(function(){
		if(!$(this).hasClass("active")){
			$(this).addClass("active").parents(".payOrder").siblings().find(".check").removeClass("active");
		}else 
		$(this).removeClass("active");
	})
	/*进入编辑地址页面*/
	$(".order-address").click(function(){
		$(".balanceBody").show();
	});
	$(".balanceBody .back").click(function(){
		$(".balanceBody").hide();
	});
	/*删除*/
	$(".balanceBody .delIcon").click(function(){
		$(this).parents(".payOrder").remove();
	});
	$(".balanceHtml .back").click(function(){
		$(".balanceHtml").hide();
	});
	$(".editIcon").click(function(){
		$(".balanceHtml").show();
	});
	$(".addButton").click(function(){
		$(".balanceHtml").show();
	});
	</script>
</html>
